import { createApp } from 'vue'
import 'normalize.css/normalize.css' // a modern alternative to CSS resets
import '@/styles/index.scss' // global css
import App from './App.vue'
import router from './router'
import { createPinia } from 'pinia'
import Crud from '@/components/Crud/index.vue'

const app = createApp(App)
//import router
app.use(router)
//import pinia
app.use(createPinia())

// import permission
import './permission'

import directive from '@/directive'
directive(app)

//import svg icon
import svgIcon from '@/icons/SvgIcon.vue'
import 'virtual:svg-icons-register'
app.component('SvgIcon', svgIcon)

app.component("Crud", Crud);

app.mount('#app')